<template>
	<view style="padding: 20rpx;background-color: #fff;">
		<u--form labelWidth='80' labelPosition="left" :model="yinHangKaInfo" :rules="rules" ref="uForm">
			<u-form-item label="户主姓名" prop="yinHangKaInfo.bankAccountName" borderBottom ref="item2">
				{{yinHangKaInfo.bankAccountName}}
			</u-form-item>
			<u-form-item label="银行卡号" prop="yinHangKaInfo.bankCardNo" borderBottom ref="item2">
				{{yinHangKaInfo.bankCardNo}}
			</u-form-item>
			<u-form-item label="开户银行" prop="yinHangKaInfo.banCardName" borderBottom ref="item2">
				{{yinHangKaInfo.banCardName}}
			</u-form-item>
			<u-form-item label="开户分行" prop="yinHangKaInfo.openingBank" borderBottom ref="item2">
				{{yinHangKaInfo.openingBank}}
			</u-form-item>
		</u--form>
		<u-button style="margin-top: 10px;" type="primary" text="返回" @click="goBack()"></u-button>
	
	
	</view>
</template>

<script>
	import {bankCardInfo} from '@/api/xinziqingkuang/xinziqingkuang.js'
	export default{
		data(){
			return{
				yinHangKaInfo:{}
			}
		},
		methods:{
			goBack(){
				uni.navigateBack();
			},
			async bankCardInfo() {
				let res = await bankCardInfo();
				console.log(res,"res")
				if(res.code == 200){
					this.yinHangKaInfo = res.data
				}
			}
		},
		mounted(){
			this.bankCardInfo()
		}
	}
</script>

<style>
</style>